<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <script th:src="@{http://code.jquery.com/jquery-2.1.1.min.js}"></script>
    <script crossorigin="anonymous" integrity="sha512-2e2aXOh4/FgkCAUyurkjk0Uw4m1gPcExFwb1Ai4Ajjg97se/FEWfrLG1na4mq8cgOzouc8qLIqsh0EGksPGdqQ==" src="https://lib.baomitu.com/vue/3.2.31/vue.cjs.js"></script>
    <style>
        td {
            text-align: center;
            font-size: 22px;
        }
    </style>
</head>
<body>
<div style="border: cornflowerblue double 6px;padding: 6px;margin: 15px">
    <table class="table table-hover">
        <tr>
            <td>id</td>
            <td>用户身份id</td>
            <td>用户名</td>
            <td>用户密码</td>
            <td>注册时间</td>
            <td>用户权限</td>
            <td>用户操作</td>
        </tr>
        <tr th:each="cutstomer:${customersList}">
            <td th:text="${cutstomer.getId()}">用户id</td>
            <td th:text="${cutstomer.getSid()}">用户身份id</td>
            <td th:text="${cutstomer.getUsername()}">用户名</td>
            <td th:text="${cutstomer.getPassword()}">用户密码</td>
            <td th:text="${cutstomer.getRdate()}">注册时间</td>
            <td th:text="${cutstomer.getRole()}">用户权限</td>
            <td >
                <button type="button" class="btn btn-success"><a th:href="@{/userdelete(sid=${cutstomer.getSid()})}" v-on:click="deleteinfo">删除</a></button>
                <button type="button" class="btn btn-info"><a th:href="@{/adminindex}">返回</a></button>
                <button type="button" class="btn btn-info"><a th:href="@{/index}">主页</a></button>
            </td>

        </tr>
    </table>
</div>
</body>
</html>